/*lshen begin*/
body {background:url(images/bodybk.png);}
.wrapper {min-width:940px;}
.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:1900px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content2,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(images/bookbk.png) no-repeat top right;
/* _background-image:url(dialog2-blue.gif);*/
}

.dialog .content2 {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:20px 50px 0px 70px;
 min-height:300px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:80px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:60px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:120px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}


/* 下面是学习的css 上面是书的背景css */

.ta_c { text-align:center;}

.book_container ol, ul {list-style: none;}
.book_container a{ color:#333; text-decoration:none;}
.book_container a:hover{ color:#0091d5; text-decoration:underline;}



 
.time_box { padding:5px; border-radius:5px; -webkit-border-radius:5px; font-size:14px; margin-bottom:10px; text-align:center; position:relative; overflow:hidden;}
.time_box img{ vertical-align:middle; margin-right:5px;}
.time_block { color:#333; border-left:1px dotted #ccc; padding:0 20px;  }
.state-tips{padding:5px; border-radius:5px; -webkit-border-radius:5px; font-size:14px; margin-bottom:10px; text-align:center; position:relative; overflow:hidden;}
.time-bg{ background:url(images/time-bg.png) no-repeat; width:42px; height:142px; text-align:center; position:absolute; left:12px; top:2px;  padding:88px 4px 0 6px ;}
.time-bg p{  margin-bottom:10px; border-bottom:1px dotted #ccc;}


/* 翻页按钮 */
.btn_back_class:hover {transform:translateX(-8px);transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);-webkit-transform:translateX(-8px);-webkit-transition: 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275)}
.btn_next_class:hover {transform:translateX(8px);transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);-webkit-transform:translateX(8px);-webkit-transition: 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275)}


.class_number { height:23px; float:left; padding:8px 20px 0 20px; color:#666; font-size:14px;  }


.ico_music { height:31px;  width:34px; display: block; background:url(images/ico_music.png) no-repeat; float:left;}
.ico_url { height:31px;  width:34px; display: block; background:url(images/ico_url.png) no-repeat; float:left;}
.ico_html { height:31px;  width:34px; display: block; background:url(images/ico_html.png) no-repeat; float:left;}
.ico_video { height:31px;  width:34px; display: block; background:url(images/ico_video.png) no-repeat; float:left;}
.ico_section { height:31px;  width:34px; display: block; background:url(images/ico_session.png) no-repeat; float:left;}
.ico_attachment { height:31px;  width:34px; display: block; background:url(images/ico_attach.png) no-repeat; float:left;}
.ico_item { height:31px;  width:34px; display: block; background:url(images/ico_item.png) no-repeat; float:left;}
.ico_linkvideo { height:31px;  width:34px; display: block; background:url(images/ico_linkvideo.png) no-repeat; float:left;}
.ico_flash { height:31px;  width:34px; display: block; background:url(images/ico_flash.png) no-repeat; float:left;}
.ico_img { height:31px;  width:34px; display: block; background:url(images/ico_img.png) no-repeat; float:left;}
.ico_outlink  { height:31px;  width:34px; display: block; background:url(images/ico_outlink.png) no-repeat; float:left;}
.stuts_learned { background-color:#73aa09;}
.stuts_unlearn { background-color:#f26522;}
.stuts_current { background-color:#0054a6;}

.stuts_learned_mark{-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; padding:5px 8px; display:inline-block; background-color:#73aa09; padding:8px 11px; margin-right:5px; vertical-align:middle;}
.stuts_current_mark{-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; padding:5px 8px; display:inline-block; background-color:#0054a6; padding:8px 11px; margin-right:5px; vertical-align:middle;}
.stuts_unlearn_mark{-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; padding:5px 8px; display:inline-block; background-color:#F26522; padding:8px 11px; margin-right:5px; vertical-align:middle;}

.class_title { height:31px;overflow:hidden; color:#fff;background:#999;}
.class_title_number  { text-align: center;line-height:31px; float:left; padding:0 8px; color:#fff; font-weight:bold; background:url(images/ico_title_num_bk.png) repeat-x; font-family:微软雅黑;}
.class_title_text  { height:24px; float:left; padding:7px 20px 0 20px;   }
.class_title_text_small { height:24px; float:left; padding:7px 5px 0 5px;}
.class_timestuts {height:23px;  padding:8px 20px 0 20px;  font-size:14px; border-left:1px dotted #222; float:right;font-family:微软雅黑;font-weight:normal;}


.nodeTree a { display:block;}
.nodeTree div { height:31px; margin:5px 0;}

.nodeTree li a div {overlow:hidden; background:url(images/level01_bk.png) repeat-x ; cursor:pointer; font-size:15px; font-weight:bold;font-family:微软雅黑;}
/*.nodeTree li a div:hover { background:#019cd9; color:#fff;}*/

.nodeTree li a div.active { background:#019cd9!important; color:#fff!important;}

.nodeTree li ul li a div  {margin-left:40px;overflow:hidden; color:#666;  background:url(images/level02_bk.png) repeat-x ;cursor:pointer; font-size:14px; font-weight:normal; font-family:宋体; }
.nodeTree li ul ul li a div { margin-left:80px;overflow:hidden; color:#666;  background:url(images/level02_bk.png) repeat-x ;cursor:pointer; font-size:14px; font-weight:normal ; font-family:宋体;}
.nodeTree li ul ul ul li a div { margin-left:120px;overflow:hidden; color:#666;  background:url(images/level02_bk.png) repeat-x ;cursor:pointer; font-size:14px; font-weight:normal ; font-family:宋体;}



.class_level01 {height:31px;overflow:hidden;margin:10px 0px 10px 10px; background:url(images/level01_bk.png) repeat-x ; cursor:pointer; font-size:15px; font-weight:bold; font-family:微软雅黑; color:#333;}
.class_level01:hover{transform:translateX(-10px); transition: 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);-webkit-transform:translateX(-10px);-webkit-transition: 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275)}

.class_level02 {height:31px;overflow:hidden; color:#666!important; margin:10px 0 10px 40px;background:url(images/level02_bk.png) repeat-x ;cursor:pointer; font-size:14px; }
.class_level02:hover{transform:translateX(-10px);transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);-webkit-transform:translateX(-10px);-webkit-transition: 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275)}

.class_level03 {height:31px;overflow:hidden; color:#666!important; margin:10px 0px;margin-left:80px; background:url(images/level02_bk.png) repeat-x ;cursor:pointer;font-size:14px;}
.class_level03:hover{transform:translateX(-10px);transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);-webkit-transform:translateX(-10px);-webkit-transition: 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275)}

.class_level04 {height:31px;overflow:hidden; color:#666!important; margin:10px 0px;margin-left:120px; background:url(images/level02_bk.png) repeat-x ;cursor:pointer;font-size:14px;}
.class_level04:hover{transform:translateX(-10px);transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);-webkit-transform:translateX(-10px);-webkit-transition: 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275)}

.class_level01:hover { background:#999;}
.class_level02:hover { background:#ccc;}
.class_level03:hover { background:#ccc;}
.class_level04:hover { background:#ccc;}


.pager_study{overflow:hidden; padding:15px 10px; border-top:2px dotted #ccc; margin-top:10px;  vertical-align:bottom;}


.course_title{font-size:16px;font-weight:bold; font-family:微软雅黑;}

.class_content { padding:10px 0; min-height:450px;}
.class_frame{ text-align:center; margin:10px 40px 10px 10px; min-height:400px; color:#333;}
.class_frameborder{ display: inline-table;height: 100%;width: 100%;}
.class_frameborder .box{ height:400px;border:2px solid #ccc; background:#fff; display: table-cell; vertical-align:middle; top:50%;text-align:center; color:#333;}
.class_frameborder .box .tit span{ vertical-align:middle; float:none; display:inline-block;}
.icon-arrowthick-s{ background:url(images/arrowthick-s.png) no-repeat; width:18px; height:22px;}
.icon-arrowreturn-se{background:url(images/arrowreturn-se.png) no-repeat; width:22px; height:20px;}
.class_video_info{font-size:14px;line-height:2em;margin:10px; color:#333; background-color:#fff; padding:10px 20px;border-radius:5px;box-shadow:0 0 2px 1px #999 inset;}

.flag02{background:url(images/index-left-flag.png)  no-repeat; position:absolute; top:490px; left:50px; width:42px; height:38px; z-index:1000; }








/* nav switch tab */
.btn_switch_01 { height:31px; width:115px; background:url(images/btn-nav.png) 0 -31px no-repeat; display:block;}
.btn_switch_01:hover, .btn_switch_01_on  { height:31px; width:115px; display:block;background:url(images/btn-nav.png) 0 0px no-repeat;}

.btn_switch_02 { height:31px; width:115px; background:url(images/btn-nav.png) 0 -93px no-repeat; display:block;}
.btn_switch_02:hover, .btn_switch_02_on  { height:31px; width:115px; display:block;background:url(images/btn-nav.png) 0 -62px no-repeat;}

.btn_switch_03 { height:31px; width:115px; background:url(images/btn-nav.png) 0 -155px no-repeat; display:block;}
.btn_switch_03:hover, .btn_switch_03_on  { height:31px; width:115px; display:block;background:url(images/btn-nav.png) 0 -124px no-repeat;}

.btn_switch_04 { height:31px; width:115px; background:url(images/btn-nav.png) 0 -217px no-repeat; display:block;}
.btn_switch_04:hover, .btn_switch_04_on  { height:31px; width:115px; display:block;background:url(images/btn-nav.png) 0 -186px no-repeat;}

.btn_switch_05 { height:31px; width:115px; background:url(images/btn-nav.png) 0 -279px no-repeat; display:block;}
.btn_switch_05:hover, .btn_switch_05_on  { height:31px; width:115px; display:block;background:url(images/btn-nav.png) 0 -248px no-repeat;}

.btn_switch_06 { height:31px; width:115px; background:url(images/btn-nav.png) 0 -341px no-repeat; display:block;}
.btn_switch_06:hover, .btn_switch_06_on  { height:31px; width:115px; display:block;background:url(images/btn-nav.png) 0 -310px no-repeat;}

.btn_switch_07 { height:31px; width:115px; background:url(images/btn-nav.png) 0 -403px no-repeat; display:block;}
.btn_switch_07:hover, .btn_switch_07_on  { height:31px; width:115px; display:block;background:url(images/btn-nav.png) 0 -372px no-repeat;}

/* 翻页大按钮 */

.ico_right_arrow { width:45px; height:31px; display:block; background:url(images/ico-arrow-right.png) no-repeat; float:left;}
.ico_left_arrow  { width:45px; height:31px; display:block; background:url(images/ico-arrow-left.png)  no-repeat ;float:left;}




.popup_index {
    top: 2px;
    right: 90px;
    position: absolute;
}

.indexlist {
    background-color: #fffef5;
    padding: 10px;
}
.indexmark{
	box-shadow:3px 3px 7px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:3px 3px 7px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:3px 3px 7px 5px rgba(0, 0, 0, 0.5);
	width: 400px;
	overflow: hidden;
	border-radius: 2px 2px 5px 5px;
	}
.indexbottom{ background:#B23334;padding:5px 10px;}
.indexbottom a{ color:#fff;}
.flag_index02 {cursor:pointer; width:420px; }
.flag_index02 a{background: url(images/index-left-flag-1.png) no-repeat;
    width:72px;
    height: 54px;
    display:block;
	margin-left:320px;	
}
.flag_index02 a:hover{	background: url(images/index-left-flag-1.png) no-repeat 0 -54px;}



/*  index */
.index_container { margin:20px 10px; border:}
.index_left {width:270px;float:left;}
.index_right{ margin-left:290px; }

.right_panelgrey {background-color:#e8edf2; border-radius:5px; padding:20px;position:relative;}
.right_panelblue {background-color:#c5dfec; border-radius:5px; padding:20px;position:relative; margin-top:20px;}

.left_blue_box {  border:2px solid #c3deef; border-radius:5px;padding:35px 15px 15px 15px;  margin-top:20px; background:url(images/index-left-notice.png)  15px 8px no-repeat #f3f8fc;}
.left_blue_box li {  border-bottom:1px solid #e1eef6; margin-top:10px;}
.left_blue_box li p { line-height:16px;}
.dotline { border-bottom:1px solid #dedede; height:2px;}

.blue_box { background-color:#e1f4ff ; border:2px solid #c3deef; border-radius:5px;padding:60px 15px 15px 15px; margin-right:20px; margin-left:10px; position:relative;}
.flag_red{background:url(images/flag_red.png)  no-repeat; position:absolute; top:15px; left:-24px; width:156px; height:45px;}
.flag_green{background:url(images/flag_green.png)  no-repeat; position:absolute; top:15px; left:-24px; width:156px; height:45px;}
.flag_blue{background:url(images/flag_blue.png)  no-repeat; position:absolute; top:15px; left:-24px; width:156px; height:45px;}

.blue_box li { border-bottom:1px solid #d8d8d8; padding:10px 10px 10px 30px; font-size:14px; background:url(images/index_list.png)  5px 10px no-repeat;}

.yellow_box { background:url(images/index-left-img.png)  10px 10px no-repeat #fefdeb;  border:2px solid #e5e4c5; border-radius:5px;padding:90px 15px 15px 15px ; position:relative }
.flag_top{background:url(images/index-left-flag.png)  no-repeat; position:absolute; top:-6px; right:15px; width:42px; height:38px;}

.menu_bookmark{background:url(images/ico-bookmark.png)  10px 8px no-repeat #e8edf2; font-size:16px; line-height:40px; padding-left:50px; }
.menu_calendar{background:url(images/ico_calendar.png)  10px 8px no-repeat #e8edf2;font-size:16px; line-height:40px;padding-left:50px;}
.small_button { background-color:#4497cd; padding:3px 5px; color:#fff; font-size:12px; cursor:pointer; margin-left:10px;border-radius:3px;}
.small_button:hover { background-color:#16679c;  color:#fff; text-decoration:none;}


.top-info { margin-bottom:20px; overflow:hidden;}
.ico_timeleft {background:url(images/ico_timeleft.png)  no-repeat;  width:64px; height:64px; float:right; margin-top:10px;}

.timeleft_box { float:right; background:url(images/timeleft_boxbk.png) no-repeat ;border-radius:5px; height:73px; width:307px; padding:10px 10px 10px 30px;margin-left:10px;}
.timeleft_txt { color:#fff;  font-size:16px; margin-top:10px; }
.timeleft_txt span {font-size:28px; font-weight:bold; }
.timebox_title { padding-left:10px; float:left; margin-top:10px; }
.title_big { font-size:18px; font-weight: bold; line-height:22px; }
.cornerflag {  background:url(images/cornerflag.png) no-repeat ;position:absolute;width:82px; height:81px; top:-4px; left:-4px;}

.fonts12 { font-size:12px;}
.fonts14 { font-size:14px;}




.arrow_left { background: url(images/arrow-left.png) no-repeat 5px 20px #F3F8FC; width:90px;  height:68px; text-align:center; padding-top:20px;padding-left:20px; border:2px solid #C8DFEF; border-radius:5px;  cursor:pointer; position:fixed; top:300px; left:30px;}
.arrow_left:hover { border:2px solid #f26522; }

.arrow_right { background: url(images/arrow-right.png) no-repeat 75px 20px #F3F8FC; width:90px;  height:68px; text-align:center; padding-top:20px;padding-right:20px; border:2px solid #C8DFEF; border-radius:5px;  cursor:pointer; position:fixed; top:300px; right:30px;}
.arrow_right:hover { border:2px solid #f26522; }
.arrow_left .title,.arrow_right .title{ font-size:16px;}


.ico_error { background:url(images/ico_error.png) no-repeat ; width:32px; height:32px; display:block; margin:0 auto;}
.ico_done { background:url(images/ico_done.png) no-repeat ; width:32px; height:32px; display:block; margin:0 auto;}
.ico_undo { background:url(images/ico_notification.png) no-repeat ; width:32px; height:32px; display:block; margin:0 auto;}


.titile_box_level2 { background:#ececec;border-radius: 5px;margin: 10px 0;padding: 8px; text-align:center}


.course_level {  background-color:#; text-align:left; padding:5px 0 5px 10px; }

.courselevelnum {
    background: url("images/ico_title_num_bk.png") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    font-weight: bold;
    height: 23px;
    padding: 6px 6px;
    text-align: center;
	border-radius:5px;
	}
.level_02 { padding-left:50px!important;}	
.level_03 { padding-left:100px!important;}		
/*----------:D-------**----------**------------**----------------lshen end---------**---------------***--------------**---------:D-------- --b ------- */


















/*bhliu begin*/

textarea {
    resize: none;
}

/*opa-icons-color16*/
.icon-star-on{ background-position:-224px -48px;}
.icon-star-off{ background-position:-240px -48px;}
.icon-carat-1-sw{ background-position:-80px -16px;}
.icon-info{ background-position:-48px -128px;}
.icon-color{background-image:url(images/opa-icons-color16.png); background-repeat: no-repeat;display: inline-block;height: 16px;vertical-align: text-top;width: 16px;}


/********** 题库管理 start **********/



/*弹出层*/
.popup-box {display: block;position: absolute;right: 0px;top: 0px; bottom:0;width: 740px;background:#8bafd3;padding:20px;-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); border:1px solid #517395;z-index: 10; overflow:auto;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.popup-box .info{ color:#fff;}
.popup-box .info em{ margin:0 5px;}
.septal-line{ border-bottom:1px solid #ddd; padding:5px 0; overflow:hidden;}
.topic{ border:2px solid #c8dfef; background:#fff; padding:10px;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom:10px;}
.topic .tit{ font-size:14px; font-weight:bold;}
.topic ol{ list-style:none; margin-left:40px;}
.topic ol li{ line-height:23px;}
.balloon{ background:#d4eefa; padding: 20px; position: relative;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; margin-top:12px;-webkit-box-shadow: 0 0 3px rgba(11, 122, 172, 0.5);-moz-box-shadow: 0 0 3px rgba(11, 122, 172, 0.5); box-shadow:2px 2px 5px rgba(66, 163, 208, 0.4);}
/*.balloon .icon{width: 0;height: 0;border-style: solid; border-width: 6px;position: absolute;border-color: transparent transparent #a1d1e7 transparent;top: -12px; left:40px;}*/
.balloon dl{ margin:0 0 10px 0;}
.balloon dl dt{ width:40px; display:inline-block; float:left;}
.balloon dl dd{ margin-left:60px;}
.balloon .info{ border-bottom: 1px solid #488FAF;background: #D6EFFB; height: 30px; line-height:30px; padding:5px 10px;}
.balloon .info b{ color:#f00;}



/*关闭按钮*/
.close-file-detail {position: absolute;top: 0;right: 0;}
.close-horn {width: 30px;height: 30px;overflow: hidden;}
.close-horn span {width: 60px;height: 60px;-webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px;background-color: #666;background-color: rgba(0, 0, 0, 0.6);margin-top: -30px;display: block;}
.close-horn em {cursor: pointer;font-size: 18px;font-weight: bold;color: white;margin: -27px 0 0 14px;display: block;}
:root .close-horn em {margin: -27px 0 0 14pxurl(0);}

/********** 题库管理 end **********/

/*组件TAB切换样式*/
.content-box {border: 1px solid #ccc;background: #fff;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}
.content-box-header {-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;height:40px;font-size:14px;*zoom:1;-webkit-box-shadow:#fff 0 1px 0 0 inset;-moz-box-shadow:#fff 0 1px 0 0 inset;box-shadow:#fff 0 1px 0 0 inset;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f3f3), color-stop(100%, #e5e5e5));background-image:-webkit-linear-gradient(#f3f3f3, #e5e5e5);background-image:-moz-linear-gradient(#f3f3f3, #e5e5e5);background-image:-o-linear-gradient(#f3f3f3, #e5e5e5);background-image:linear-gradient(#f3f3f3, #e5e5e5);background-color: #f3f3f3;background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#e5e5e5', GradientType=0);filter: progid:dximagetransform.microsoft.gradient(enabled=false);-moz-border-radius-bottomleft: 0;-moz-border-radius-bottomright: 0;-webkit-border-bottom-left-radius: 0;-webkit-border-bottom-right-radius: 0;border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-bottom: 1px solid #ccc;}
.content-box-tabs {padding: 10px 0 0 15px;margin: 0 !important;}
.content-box-tabs li {float:left;list-style: none;}
.content-box-tabs li a {color: #333;padding: 6px 20px;display: block;margin: 1px;border-bottom: 0;text-decoration:none;}
.content-box-tabs li a.current {background: #fff;border: 1px solid #ccc;border-bottom: 0;margin: 0;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;-moz-border-radius-bottomleft: 0;-moz-border-radius-bottomright: 0;-webkit-border-bottom-left-radius: 0;-webkit-border-bottom-right-radius: 0;border-bottom-left-radius: 0;border-bottom-right-radius: 0;font-weight:bold;}
.content-box-content {padding: 20px;}

/*滚动条的样式*/
.container-scrollbtn{overflow:auto;}









/*表格横向滚动*/
.layout-table{overflow-x:auto;}
.layout-table .table{width:2000px; max-width:none;}
.layout-table th, .layout-table td{ padding:6px 20px;}
.layout-table .table .statistics{ background:#70BADD;}
.layout-table .table .table-default{ background:#f5f5f5;}
.layout-table .table tr:hover td { background:none;}



/*树状的省略文字*/
.text-ellipsis-one{ width:289px;}
.text-ellipsis-two{ width:230px;}
.text-ellipsis-three{ width:181px;}





/*bhliu lms css*/
.makeablank{ margin-top:70px;}

/*头部通用*/
.nav-header{background:url(images/desktop-bg11.png) repeat-x;/*-webkit-box-shadow:0px 8px 8px rgba(0,0,0,0.2);-moz-box-shadow: 0px 8px 8px rgba(0,0,0,0.2);box-shadow:0px 8px 8px rgba(0,0,0,0.2);*/ padding:0 20px; height:50px; color:#fff; position:relative; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3), 0 -2px 10px rgba(0, 0, 0, 0.4) inset;}
.nav-header .cur{ background:url(images/nav-cur.png) no-repeat; width:90px; height:38px; line-height:38px; margin-top:6px; display:block; text-align:center; color:#fff;}
.icon-task {background-position: 0 -120px;}
.icon-teach{ background-position: 0 -90px;}
.icon-gradebook{ background-position: 0 -150px;}
.nav-icon{ background-image:url(images/nav-icon.png);width:30px; height:30px; display:inline-block; margin-right:4px; margin-top:-5px;}
.nav-header h2{ float:left; font:bold 18px/50px microsoft yahei; color:#b86d11;text-shadow:1px 1px 1px #f2f2f2;}
.nav-header h2 a{ color:#8b3902;}
.nav-header ul{ float:right;}
.nav-header ul li{ float:left;text-shadow:1px 1px 1px #f2f2f2;}
.nav-header ul li a{ font:16px/50px microsoft yahei; color:#b86d11; margin:0 15px;}
.nav-header ul li a:hover{ text-decoration:none; color:#e54c0c;}
.nav-header ul li .gradebook:hover i{background-position: 0 -240px;}
.nav-header ul li .task:hover i{background-position: 0 -210px;}
.nav-header ul li .teach:hover i{background-position: 0 -180px;}
.nav-header ul li .cur .icon-gradebook{background-position: 0 -60px;}
.nav-header ul li .cur .icon-task{background-position: 0 -30px;}
.nav-header ul li .cur .icon-teach{background-position: 0 0;}
.nav-header ul li .cur:hover .icon-teach{ background-position: 0 0;}
.nav-header ul li .cur:hover .icon-task{ background-position: 0 -30px;}
.nav-header ul li .cur:hover .icon-gradebook{ background-position: 0 -60px;}
.nav-header ul li .cur:hover{ color:inherit;}

/*管理驾驶舱*/
.desktop{ background:url(images/desktop-bg11.png) repeat;position:absolute; top:0; left:0; right:0;z-index:9999;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3), 1px -10px 40px rgba(0, 0, 0, 0.4) inset, 1px 1px 500px rgba(255, 255, 255, 0.5) inset;}
.desktop .bg{ height:510px;}
.desktop .header{height:50px;}
.desktop .tit{ background:url(images/title.png) no-repeat; position:absolute; left:50%;width:440px; margin-left:-220px; cursor:pointer; bottom:-39px; height:102px;}
.desktop .tit h2 {font:bold 18px/77px microsoft yahei;text-align:center;width:400px; padding:0 20px; color:#FBDEB4; text-shadow:1px 1px 1px #5a2502;}
.desktop .tit h2 a{ color:#FCE6E6;}
.desktop .tit h2 span{ color:#FBDEB4;}
.desktop .bg .course-list{ width:21%; float:left; margin:2%;}
.desktop .bg .course-list .box{background:#FEFDF6; border:2px solid #CC9911;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;padding:10px;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5); min-height:200px;}
.desktop .bg .course-list h2{border-bottom: 1px dotted #CC9911;font:bold 18px/40px microsoft yahei; color:#B86D11; text-align: center;}
.desktop .bg .course-list ul{ margin:10px 20px;}
.desktop .bg .course-list ul li{ margin:20px 0;font-size:14px;}
.desktop .bg .course-list ul li img{ margin-right:10px;}
.desktop .bg .course-list ul li a{font:bold 16px microsoft yahei; display:block;}
.desktop .bg .course-list ul li a:hover{transform:translateY(-5px);transition: all 1s cubic-bezier(0.175, 0.885, 0.320, 1.275);-webkit-transform:translateY(-5px);-webkit-transition: 1s cubic-bezier(0.175, 0.885, 0.320, 1.275); text-decoration:none; color:#B86D11;}



/*页面布局定位*/
.container { *zoom: 1; position:absolute;top:122px;left:0;right:0;bottom:0; min-width:940px;}
.container:before,
.container:after {display: table;content: "";}
.container:after {clear: both;}


.tab_btn_toolbar .btn-toolbar{ margin-bottom:0;}
.tab_btn_toolbar .datatables-wrapper{ margin-top:-1px;} 







@-webkit-keyframes color_redchange {
  from { background-color: #EC4219; }
  to { background-color: #f97454; }
}
@-moz-keyframes color_redchange {
  from { background-color:#EC4219 ; }
  to { background-color:#f97454; }
}
@-ms-keyframes color_redchange {
  from { background-color: #EC4219; }
  to { background-color: #f97454; }
}
@-o-keyframes color_redchange {
  from { background-color: #EC4219; }
  to { background-color: #f97454; }
}
@keyframes color_redchange {
  from { background-color: #EC4219; }
  to { background-color: #f97454; }
}
.redchange {
  -webkit-animation: color_redchange 0.5s infinite alternate;
  -moz-animation: color_redchange 0.5s infinite alternate;
  -ms-animation: color_redchange 0.5s infinite alternate;
  -o-animation: color_redchange 0.5s infinite alternate;
  animation: color_redchange 0.5s infinite alternate;
}




/*locked icon css*/
.icon-locked{ background:url(images/icon-locked.png) no-repeat;}
.icon-unlocked{ background:url(images/icon-locked.png) -14px 0 no-repeat;}
.icon-white-unlocked{ background:url(images/icon-locked.png) -14px -14px no-repeat;}
.icon-white-locked{ background:url(images/icon-locked.png) 0 -14px no-repeat;}









/*yyshan begin*/

/*项目管理*/
.b_crumbs_box li{ float:left; color:#ccc; margin:0 5px;}
.b_crumbs_box li span{ color:#000; margin:0 5px;}
.btn-center-box{ text-align:center; padding-left:0 !important; padding-right:0px;}
.img_iphone{ background:url(images/iphone-26.png) no-repeat;padding: 8px 15px;}
.img_monitor{ background:url(images/monitor-26.png) no-repeat; padding:8px 15px;}
.bk_grey{ background-color:#999;}
.file_name{ position:absolute; bottom:-5px; left:120px;}
.tab_btn_toolbar .btn-toolbar{ margin-bottom:0;}
.tab_btn_toolbar .datatables-wrapper{ margin-top:-1px;} 
.test_details{ border:2px solid #CCC; background:#fefefe; border-radius:3px; padding:10px; margin:10px 0; color:#7F7F7F; text-align:center; font-size:16px; font-family:"微软雅黑"}
.test_details span{ margin:0 20px;}










 /* anne add-paperframe */
.paperframe{min-width:960px;border-radius:3px;-webkit-border-radius:8px; top:5px;bottom:10px;left:10px;right:10px;background:url(images/packed-6.png) #fff;padding:0 10px;position:absolute;box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3), 0 0 0 0 #fff inset;-moz-box-shadow:0 2px 3px 2px rgba(102, 102, 102, 0.3), 0 0 3px 1px #BC995C inset;-webkit-box-shadow:1px 3px 5px 2px rgba(102, 102, 102, 0.3), 0 0 3px 1px #fff inset;}
.paperframe .left-sidebar{ border-radius: 4px;webkit-border-radius:4px;position:absolute;top:60px;left:10px;bottom:10px;width:194px; padding:8px;background:#d3d3d3;box-shadow:none;}
.paperframe .wrap-main{ position: absolute;top:60px;left: 230px;right:10px; bottom:10px;}

.paperframe .container .left-sidebar{top:0;bottom:0;}
.paperframe .container .wrap-main{top:0;}

.paperframe .wrapmain-left{bottom: 10px;position: absolute;right: 230px;top:60px;left:10px;}
.paperframe .right-sidebar {border-radius: 4px;-webkit-border-radius:4px;box-shadow:none;background: none repeat scroll 0 0 #eee;bottom: 0;padding: 8px; position: absolute; top:60px;right:10px;bottom:10px; width: 194px;}

.paperframe .wrapmain-left .sheetname{clear:both;font-size:12px;padding-left:5px;text-align:right;}
.paperframe .wrapmain-left .sheetname{clear:both;font-size:12px;padding-left:5px;text-align:right;}

.ximutable{bottom: 0;left: 10px;position: absolute;right: 10px;top: 0;}
.testsheet{bottom: 0;left: 10px;position: absolute;right: 10px;top: 0;}
.papertitle{-webkit-box-shadow:0 0 0 #fff,0 -3px 2px #bc995c,0 0 0 #fff,0 1px 2px #999;-moz-box-shadow: 0 0 0 #fff,0 -3px 2px #bc995c,0 0 0 #fff,0 1px 2px #999;padding:10px; border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; font-size:14px; margin:0 0 0px 0px; text-align:right; position:relative; overflow:hidden; top:-5px; opacity:0.8;}
.papertitle .testtitle{color:#fff;font:bold 16px microsoft yahei; float:left; margin-top:3px;}
.papertitle span{color:#fff;}

.wrapper_bk_box{ background:url(images/desktop-bg.png) !important;}
.colord67501{ background:#d67501;box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.8) ,0px 17px 7px #ff8b00 inset;}
.color0389c7{ background:#0389c7;box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.8) ,0px 17px 7px #00a4f0 inset;}






/*登陆页*/
.login_logo_box{width:550px; margin:auto; padding-top:50px;}
.big_bold_font{ font-family:"微软雅黑"; font-size:35px; font-weight:bold; color:#fff; margin-left:15px;text-shadow:0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2),0 5px 10px rgba(0,0,0,0.25);letter-spacing:3px;}
.login_bk_box{ background:url(images/login_bk.png) no-repeat;height:275px; width:350px; margin:auto; padding: 50px 50px 0 100px; margin-top:30px;}
.login_bk_box strong{ font-size:20px; font-family:"微软雅黑"; color:#1a76a5;}
.login_bk_box  .control-label{ width:50px; font-family:"微软雅黑"; font-size:14px;}
.login_bk_box .controls{ margin-left:80px;}
.login_title{ background:url(images/login_title.png) no-repeat; height:27px;}